<template>
  <div class="good-list">
    <good-item v-for="(item, index) in goodList" :key="index" :good="item"></good-item>
  </div>
</template>

<script scoped>
  // import GridView from 'common/gridview/GridView'
  import GoodItem from './GoodItem'
  export default {
    name: 'GoodList',
    props: {
      goodList: {
        type: Array,
        default: []
      }
    },
    components: {
      GoodItem
    }
  }
</script>

<style lang='less' scoped>
  .good-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding:.18rem;
    justify-content: space-between;
    text-align: center;
  }
</style>
